// @keyframes toast-show-anim {
//   0% {
//     opacity: 0;
//     transform: translateY(100%);
//   }
//   100% {
//     opacity: 1;
//     transform: translateY(0);
//   }
// }
.toast-view {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  opacity: 1;
  pointer-events: auto;
  transform: scaleX(1);
  user-select: none;
  pointer-events: none;
  .box {
    padding: 8px;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.119);
    background-color: var(--primary-background-depth);
    color: var(--primary-color-depth);
    pointer-events: all;
    word-break: break-all;
    white-space: pre-wrap;
    max-width: 90vw;
  }
}
.toast-view-hide {
  opacity: 0;
  pointer-events: none;
  transform: scaleX(0);
}
